.bannerbox {
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, .5);
}

.bannerbox p.glyphicon{
    color: black;
	font-size: 24px;
	cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
}

.focus {
	position: fixed;
	top: 25%;
	left: 25%;
}

.focusbox {
	background-color: #1c1c1c;
	position: relative
}

.focusimg {
	border: 5px solid #2f2f2f;
	width: 990px;
	height: 376px;
	position: relative;
	overflow: hidden;
	-webkit-perspective: 1300px
}

.fimglist {
	width: 99300px;
	position: relative;
	-moz-perspective: 1300px
}

.fimglist img {
	display: block;
	width: 990px;
	height: 376px;
	cursor: pointer
}

.fimglist li {
	width: 990px;
	height: 376px;
	float: left;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

.fimglist li.onpre {
	-webkit-animation: onpre .5s ease-in-out;
	animation: onpre .5s ease-in-out;
	opacity: 0;
	-webkit-transform: scale(.8, .8);
	transform: scale(.8, .8)
}

@
-webkit-keyframes onpre { 0%{
	opacity: 1;
	-webkit-transform: rotateY(0deg)
}

100%{
opacity
:
0;-webkit-transform
:rotateY(90deg)
}
}
@
keyframes onpre { 0%{
	opacity: 1;
	transform: rotateY(0deg)
}

100%{
opacity
:
0;transform
:rotateY(90deg)
}
}
.focustool {
	width: 935px;
	overflow: hidden;
	padding: 5px 0 10px;
	margin: 0 auto;
	position: relative
}

.ftoollist {
    width: 100%;
	display: flex;
    overflow-x: scroll;
    position: relative;
}

.ftoollist::-webkit-scrollbar {
	height: 5px;
	background-color: rgba(0, 0, 0, 0.34);
}

.ftoollist::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #8b8b8b;
}

.ftoollist img {
	display: block;
	width: 129px;
	height: 69px;
	margin-bottom: 3px
}

.ftoollist a {
	background-color: #1c1c1c;
	display: block;
	width: 129px;
	padding: 4px 0 4px 4px;
	position: relative;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}

.ftoollist li {
	float: left;
	cursor: pointer;
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}

.ftoollist .imgname {
	line-height: 25px;
	text-align: center;
	color: #fff;
	font-family: \5FAE\8F6F\96C5\9ED1;
	font-weight: 400;
	font-size: 18px;
	height: 25px;
	overflow: hidden;
	cursor: pointer
}

.ftoollist .imgshortcat {
	line-height: 20px;
	text-align: center;
	color: #7d7d7d;
	font-size: 12px;
	height: 20px;
	overflow: hidden;
	cursor: pointer
}

.ftoollist a:hover {
	background-color: #503769;
	padding: 4px;
	margin-right: -4px;
	z-index: 100;
	top: -5px
}

.ftoollist a:hover .imgname {
	color: #dbc98c
}

.ftoollist a:hover .imgshortcat {
	color: #fff
}

.ftoollist .on a {
	background-color: #503769;
	padding: 4px;
	margin-right: -4px;
	z-index: 100;
	top: -5px
}

.ftoollist .on .imgname {
	color: #dbc98c
}

.ftoollist .on .imgshortcat {
	color: #fff
}